// pages/publish/publish.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 展示的数据源
    multiArray: [
      ["卡片、证件类", "生活用品", "数码产品", "美妆护肤类", "衣服物品类", "饰品", "文娱", "其它"], 
      ['身份证', '校园卡', '学生证', '水卡', '公交卡', '银行卡', '其它']],

    // 第二列的储备数据源
    pickerList: [
      ['身份证', '校园卡', '学生证', '水卡', '公交卡', '银行卡', '其它'],
      ['水杯', '雨伞', '小风扇', '钥匙', '其他'],
      ['手机', '相机', 'u盘', '充电宝', '平板电脑', '鼠标','充电线', '耳机', '手写笔', '支架', '音箱', 'MP3', '其它'],
      ['口红', '粉底', '遮瑕膏', '眉笔', '腮红', '眼影', '其它'],
      ['男装', '女装', '男鞋', '女鞋', '包包', '其它'],
      ['手表', '项链', '手链', '戒指', '耳饰', '眼镜', '帽子', '其它'],
      ['课本', '笔记', '文具', '球/球拍', '护具', '自行车','棋牌', '其它'],
      ['水杯', '雨伞', '小风扇', '钥匙', '其他']
    ],
    multiIndex: [0, 0],
    select: false,
    name: '',
    region: '',
    date: '',
    phone: '',
    desc: '',
    imgList: [],
    type: ''
  },

  // 返回上一页
  backHome() {
    wx.navigateBack();
  },

  // 切换tab 
  selectType(e) {
    let { id } = e.currentTarget.dataset;
    this.setData({
      type: id
    })
  },

  // 清空描述
  cleanDesc() {
    this.setData({
      desc: ''
    });
  },
  // 获取物品名称
  getName(e) {
    this.setData({
      name: e.detail.value
    })
  },
  // 获取物品地点
  getRegion(e) {
    this.setData({
      region: e.detail.value
    })
  },
  // 获取时间
  getDate(e) {
    this.setData({
      date: e.detail.value
    })
  },
  // 获取联系方式
  getPhone(e) {
    this.setData({
      phone: e.data.value
    })
  },
  // 获取物品描述
  getDesc(e) {
    this.setData({
      desc: e.detail.value
    })
  },

  clean() {
    this.setData({
      select: false,
      multiIndex: [0, 0]
      // 还要阻止事件冒泡 不然会弹出父元素的选择盒子
      // 办法：修改事件的类型为catchtap
    })
  },
  bindMultiPickerChange(e) {
    this.setData({
      select: true
    })
  },
  bindMultiPickerColumnChange(e) {
    console.log(e);
    // 取变量
    let { column, value } = e.detail;
    // 保存原始的数据源（要对其覆盖）
    let data = this.data;
    let { multiArray, pickerList } = this.data;
    if(column === 0) {
      // 替换第二列展示的数据源
      multiArray[1] = pickerList[value];
    };
    // 把替换的数据修改到data
    data.multiArray = multiArray;
    data.multiIndex[column] = value;
    // 整体赋值
    this.setData(data);
  },
  uploadImg() {
    let { imgList } = this.data;

    wx.chooseMedia({
      count: 6 - imgList.length,
      mediaType: ['image','video'],
      sourceType: ['album', 'camera'],
      camera: 'back',
      success: (res) => {
        const { tempFiles } = res;
        tempFiles.forEach(item => {
          imgList.unshift(item.tempFilePath)
        })

        this.setData({
          imgList
        })

      } 

    })
    
  },
  deleteImg(e) {
    // 修改 imgList 要先获取他
    let imgList = this.data.imgList;
    // 取出要删除图片的下标
    let { index } = e.currentTarget.dataset;
    // 删除（js中array的方法）
    imgList.splice(index,1);
    // 重新赋值回去
    this.setData({
      imgList
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    const userInfo = wx.getStorageSync('userInfo');
    if(userInfo && userInfo.phone) {
      this.setData({
        phone:   userInfo.phone + '（联系方式）'
      })
    } 
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})